<!DOCTYPE html>
<head>
<#include "${ftl.common}/header.ftl">
<title>JunNaProxyYan</title>
</head>
<body>
<!-- - - - - - - - - - - - - - - - - -->
<div id="app">
  <hori-table :data="table"></hori-table>
  
  <div>
    [<a href="connect/history">连接历史</a>]
    [<a href="http/req">请求历史</a>]
    [<a href="stats">统计</a>]
  </div>
  <div>
    [网络诊断]
  </div>
</div>

<!-- - - - - - - - - - - - - - - - - -->
<#include "${ftl.common}/table_hori.ftl">

<script>
  const table = ${table}
  //hTableAddOp(table, "编辑", (row) => { return 'instance/' + row.server + '/edit_p' })

  Vue.createApp({
    data() {
      return {
        table: table,
      }
    },
    components: {
      HoriTable,
    },
  }).mount('#app')
</script>
</body>
</html>
